<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>工具箱</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <style>
        .mgt{
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-dark bg-dark">
        <!-- Navbar content -->
        <a class="navbar-brand" href="/">Ciyuer工具箱</a>
      </nav>
      <div class="container mgt">
        <div class="row">
          <div class="col-sm">
            <div class="card" style="width: 18rem;">
                <img src="https://www.wikihow.com/images/thumb/9/9b/Calculate-the-Area-of-a-Polygon-Step-10-Version-2.jpg/aid434515-v4-728px-Calculate-the-Area-of-a-Polygon-Step-10-Version-2.jpg" class="card-img-top" alt="...">
                <div class="card-body">
                  <h5 class="card-title">面积计算器</h5>
                  <p class="card-text">输入WKT格式的集合数据</p>
                  <a href="./polygon-area/index.html" class="btn btn-primary">使用</a>
                </div>
              </div>
          </div>
          <div class="col-sm">
           
          </div>
          <div class="col-sm">
            
          </div>
        </div>
      </div>

</body>
</html>